<template>
  <div>
    <MyDialog >
      <!-- 以前是传递属性props，现在是传递结构 slot -->
      <h2>我是外面穿进组件的 html结构</h2>
      <div>我是另一个结构</div>
    </MyDialog>

    <MyDialog>
      <h6>我是组件传递的另外一个结构</h6>
      <p>新内容</p>
    </MyDialog>

    <MyDialog>
      <ul>
        <li>aa1index</li>
        <li>aa2index</li>
        <li>aa3index</li>
        <li>aa4index</li>
        <li>aa5index</li>
      </ul>
    </MyDialog>

    <MyDialog ></MyDialog>
  </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'
export default {
  data () {
    return {

    }
  },
  components: {
    MyDialog
  }
}
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>